<div id="content">

    <!--<question-record [isGetRecord]='isGetRecord' [recordTime]='recordTime'></question-record>-->
    <div class="row s_page_title" [style.display]=" isShowTitle?'block':'none'">
        <sa-big-breadcrumbs [items]="['运维管理[环卫]','问题分析处理']" icon="fa fa-newspaper-o" class="col-xs-12 col-sm-7 col-md-7 col-lg-4"></sa-big-breadcrumbs>
    </div>

    <!--<p style="font-size:16px;padding: 8px 0;margin:0;">
		<i class="fa fa-lg fa-fw fa-bar-chart-o"></i>
		<span style="color:rgb(51,51,51);font-weight:bold;"> 数据统计  > <span style="color:#1a6ddd;">数据绘图</span></span>
	</p>-->
    <!-- DO 隐藏地磅数据 -->
    <div class="promptBox weightPromptBox" style="display: none;">
        <ul>
            <li class="promptTitle">地磅数据信息</li>
            <li> <span class="weightDisc">●</span> 地磅重量：{{poundWeight}}</li>
            <li> ● 误差值：{{errorValue}}</li>
            <li> ● 误差率：{{errorRate}}</li>
            <li *ngIf="isRate16"> ● 16通道信号值：{{ad16Value}}</li>
            <li *ngIf="isRate16"> ● 16通道误差率：{{ad16Rate}}</li>
        </ul>
    </div>
    <div class="row" style="background:white;border-radius: 5px;">

        <div class="col-xs-12 col-sm-12 col-md-12 form-horizontal page-header" style="min-height:50px; height:100%;font-size: 0;margin-top: 12px;">
            <div class="top_module">
                <span class="module_text">接口类型
                </span>
                <select class="select2 diy_select" [(ngModel)]='apiType' style="vertical-align: top;">
                    <option value='1'>平台数据接口</option>
                    <option value='2'>API数据接口</option>
                </select>
            </div>
            <sa-company-tree-car-btn companyTreeId="companyTree" [keyCodeEvent]="clearEventFlag" [opreateCarNumber]="deleteCarFlag" (companySelected)="companySelected($event)" sourceCarUrl="carInfo/queryCarNumber.html" typeFlag="2"></sa-company-tree-car-btn>
            <!-- 榜单数量 -->
            <!-- DO 隐藏地磅数据 -->
            <div class="top_module" [style.display]=" loadometer?'inline-block':'none' " style="display: none!important;">
                <span class="module_text">磅单车辆
                </span>
                <div class="s_hover_box">
                    <select class="select2" id="loadometerSelect">
                        <option value=''></option>
                    </select>
                    <div class="s_del_icon" (click)='del_loadometer()'>x</div>

                    <!-- 左右滑动 -->
                    <div class="s_next_icon" *ngIf="carNumberWeight && deviceId && this.carList.length >1">
                        <div>
                            <div class="arrow_up" (click)="nextCarLoad('pre')" [ngClass]="{not_allow:isAllowPre}"></div>
                        </div>
                        <div>
                            <div class="arrow_down" (click)="nextCarLoad('next')" [ngClass]="{not_allow:isAllowNext}"></div>
                        </div>
                    </div>
                    <div class="carIndexMess" *ngIf="carIndexMsg.status"> {{carIndexMsg.index}}/{{carIndexMsg.allNums}}</div>

                </div>
            </div>

            <div class="drawSelectWrap top_module">
                <!-- device id start -->
                <span class="col-xs-3 drawSelectTtem">设备ID</span>

                <input [(ngModel)]='deviceId' class="form-control drawSelect" name="deviceId" id="deviceId" type="text" style="border:none;width: 120px;" (keyup)="devicedChange($event)" />

            </div>
            <div class="selectDate">
                <div class="input-daterange input-group" style="position: relative;">
                    <input type="text" [(ngModel)]='startTime' class="form-control selecTime" id="datetimepicker1" style="width:140px;border:none;" autocomplete="off" placeholder="选择开始时间" />
                    <span class="input-group-addon">至</span>
                    <input type="text" [(ngModel)]='endTime' class="form-control selecTime" id="datetimepicker2" style="border:none;" autocomplete="off" placeholder="选择结束时间" />
                </div>
                <div class="clearDate" (click)="del_date()">×</div>
            </div><button type="button" class="btn btn-primary btn-sm draw-btn" (click)="showCheart()">数据绘图
            </button><button type="button" class="btn btn-primary btn-sm draw-btn" (click)="deviceDetail()">设备信息</button>
            <!-- search button end -->
            <!--<div style="border-bottom:1px solid #cccccc69;margin-top: 15px;"></div>-->
        </div>

        <!-- 管理员权限才允许访问 -->
        <div class="col-xs-12" style="padding: 12px;">
            <!--
			<div class="col-xs-1 diy_wrap fixDiy_wrap">
				<span class="diy_wrap_span">重量放大倍数 </span>
				<select class="multiple diy_wrap_select" [(ngModel)]='multiple'>
					<option value="1">系统默认</option>
					<option *ngFor='let item of magnificationArr' value="{{item}}">{{item}}倍</option>
					
				</select>
			</div>-->

            <div class="col-xs-2 diy_wrap fixDiy_wrap">
                <span class="diy_wrap_span">时间过滤 </span>
                <select class="multiple diy_wrap_select" [(ngModel)]='filterTime' style="width: 128px;height: 26px;font-size: 12px;">
                    <option value="">系统默认</option>
                    <option value="300">5分钟</option>
                    <option value="600">10分钟</option>
                    <option value="1200">20分钟</option>
                    <option value="1800">30分钟</option>
                </select>
            </div>

            <!--<div class="col-xs-1 diy_check">
				<span class="diy_check_title">离线警报</span>
				<i class="fa fa-3x fa-bell-o" style="font-size: 16px;color: orange;"></i>
			</div>-->
            <div class="col-xs-1 diy_check">
                <span class="diy_check_title">AD信号</span>
                <input name="adSignal" type="checkbox" id="adSignal" class="diy_check_input adSignal" [(ngModel)]='lookSignal' (change)='signalChange()'>
                <label for="adSignal" class="diy_check_label"></label>
            </div>
            <div class="col-xs-1 diy_check">
                <span class="diy_check_title">设备电压</span>
                <input name="voltage" type="checkbox" id="voltage" class="diy_check_input voltage" [(ngModel)]='voltage' (change)='voltageChange()'>
                <label for="voltage" class="diy_check_label"></label>
            </div>
            <!-- DO 隐藏地磅数据 -->
            <div class="col-xs-1 diy_check" style="display: none;">
                <span class="diy_check_title">地磅数据</span>
                <input name="loadometer" type="checkbox" id="loadometer" class="diy_check_input loadometer" [(ngModel)]='loadometer' (change)='loadometerChange()'>
                <label for="loadometer" class="diy_check_label"></label>
            </div>
            <div class="col-xs-1 diy_check">
                <span class="diy_check_title">车辆速度</span>
                <input name="carSpeed" type="checkbox" class="diy_check_input carSpeed" id="carSpeed" [(ngModel)]='carSpeed' (change)='carSpeedChange()'>
                <label for="carSpeed" class="diy_check_label"></label>
            </div>

            <div class="col-xs-1 diy_check">
                <span class="diy_check_title">地图联动</span>
                <input name="linetoMap" type="checkbox" id="linetoMap" class="diy_check_input linetoMap" [(ngModel)]='linetoMap'>
                <label for="linetoMap" class="diy_check_label"></label>
            </div>

            <div class="col-xs-1 diy_check">
                <span class="diy_check_title">修正数据</span>
                <input name="showModify" type="checkbox" class="diy_check_input" id="showModify" [(ngModel)]='showModify' (change)='modifyChange()'>
                <label for="showModify" class="diy_check_label"></label>
            </div>

            <!--<div class="col-xs-1 diy_check">
				<span class="diy_check_title">问题记录</span>
				<input name="questionRecord" type="checkbox" class="diy_check_input" id="questionRecord" [(ngModel)]='questionRecord'>
				<label for="questionRecord" class="diy_check_label"></label>
			</div>-->
            <div class="col-xs-1 diy_check none">
                <span class="diy_check_title">版本号</span>
                <input name="versionNumber" type="checkbox" class="diy_check_input" id="versionNumber" [(ngModel)]='versionNumber'>
                <label for="versionNumber" class="diy_check_label"></label>
            </div>
            <!-- DO 隐藏损坏传感器 -->
            <div class="col-xs-1 diy_check" style="width: 160px;display:none">
                <span class="diy_check_title">标记损坏传感器</span>
                <input name="sensorChannel" type="checkbox" class="diy_check_input" id="sensorChannel" (click)="sensorChannelChange()" [(ngModel)]='sensorChannel'>
                <label for="sensorChannel" class="diy_check_label"></label>
            </div>
            <div class="col-xs-1 diy_check" style="width: 150px;">
                <span class="diy_check_title">标记设备状态</span>
                <input name="deviceStatus" type="checkbox" class="diy_check_input" id="deviceStatus" (click)="deviceStatusChange()" [(ngModel)]='deviceStatus'>
                <label for="deviceStatus" class="diy_check_label"></label>
            </div>
        </div>
        <div *ngIf="lookSignal" class="col-xs-12" style="margin-bottom: 5px;">
            <div *ngIf="versionMessage.name||versionMessage.versionString||versionMessage.carUploadDate||versionMessage.gpsUploadDate||versionMessage.runStatus" class="col-xs-12">
                版本号:{{versionMessage.name}}; 系数:[ {{versionMessage.versionString}} ];
                <span style="margin-left: 4px;"> 车辆状态:</span>
                <span class="red" *ngIf="versionMessage.runStatus=='0'">离线<span *ngIf="versionMessage.alarmType">{{versionMessage.alarmType}}</span></span><span *ngIf="versionMessage.runStatus=='0'">;</span>
                <span class="green" *ngIf="versionMessage.runStatus!=='0'">在线</span><span *ngIf="versionMessage.runStatus!=='0'">;</span>
                <span style="margin-left: 4px;"> 重量时间:{{versionMessage.carUploadDate}};</span>
                <span style="margin-left: 4px;"> GPS时间:{{versionMessage.gpsUploadDate}};</span>
                <span style="margin-left: 4px;"> 更新时间:{{versionMessage.updateTime}};</span>
                <span style="margin-left: 4px;font-weight: bold;" class="red" *ngIf="versionMessage.isShowGPS"> GPS更新异常;</span>
                <!-- 新增显示续费的信息 2020-10-12 张卓-->
                <span *ngIf="renewalInfo&&renewalInfo.isSyncRenewal" class="renewalInfoWrap">
                    <span style="margin-left: 4px;"> 续费信息:<span class="item-value stand_out" [ngClass]="{'isDieLine':renewalInfo.isOverDate=='已到期','noDieLine':renewalInfo.isOverDate!='已到期'}">{{renewalInfo.isOverDate}}</span>;</span>
                    <span style="margin-left: 4px;"> 到期时间:<span class="item-value">{{renewalInfo.renewalDueTime}}</span>;</span>
                    <button _ngcontent-c9="" style="padding: 2px 8px!important;font-size: 12px;" class="btn btn-primary" type="button" (click)="goRenewal()">跳转续费页面</button>
                </span>
            </div>
        </div>

    </div>
    <div style="background-color: white;position: relative;">
        <div class="promptBox alertPromptBox">
            <ul>
                <li class="promptTitle">{{alertChartModelInfo.name}}</li>
                <!--<li> ● 异常类型：{{alertChartModelInfo.name}}</li>-->
                <li> ● 开始时间：{{alertChartModelInfo.offTime}}</li>
                <li> ● 结束时间：{{alertChartModelInfo.onTime}}</li>
                <li> ● 异常时长：{{alertChartModelInfo.rangeTime}}</li>
                <li> ● 发生地址：{{alertChartModelInfo.address}}</li>
            </ul>
        </div>
        <div class="promptBox versionChartModuleBox">
            <ul>
                <li class="promptTitle">固件升级</li>
                <li> ● 前版本：{{versionChartModuleInfo.prevVersion}}</li>
                <li> ● 升级版本：{{versionChartModuleInfo.version}}</li>
                <li> ● 升级时间：{{versionChartModuleInfo.createTime}}</li>
                <!--<li> ● 操作人：{{versionChartModuleInfo.userName}}</li>-->
            </ul>
        </div>
        <div class="promptBox coefChartModuleBox">
            <ul>
                <li class="promptTitle">系数设置</li>
                <li> ● 旧系数：<span *ngFor="let item of coefChartModuleInfo.oldCoef;let index = index;" [style.display]="item?'inline-block':'none'">
                        <span>CH{{index+1}}:{{item}}; </span>
                    </span></li>
                <li> ● 新系数：<span *ngFor="let item of coefChartModuleInfo.newCoef;let index = index;" [style.display]="item?'inline-block':'none'">
                        <span>CH{{index+1}}:{{item}}; </span>
                    </span></li>
                <li> ● 设置时间：{{coefChartModuleInfo.sendTime}}</li>
                <li> ● 操作人：{{coefChartModuleInfo.userName}}</li>
            </ul>
        </div>
        <!-- 在线进厂 -->
        <div class="promptBox companyChartModuleBox">
            <ul>
                <li> ● 车牌号码：{{companyChartModuleInfo.carNumber}}</li>
                <li> ● 厂区名称：{{companyChartModuleInfo.companyName}}</li>
                <li> ● 进厂时间：{{companyChartModuleInfo.lostime}}</li>
                <li> ● 离厂时间：{{companyChartModuleInfo.leaveTime}}</li>
            </ul>
        </div>
        <!-- DO 修改这里的高度  原来的高度是450  420 增加padding-bottom -->
        <div id="chart" style="height: 550px;padding-bottom:30px"></div>
        <!-- 标记设备状态弹框 -->
        <div style="width: 36%;position: absolute;right: 24px;top: 0;border: 1px solid #ccc;border-radius: 4px;padding: 10px;height: 520px;overflow: auto;" id="deviceStatusModuleBox">
            <div style="width: 348px;" class="deviceStatusModule">
                <div class="selectProblemDate">
                    <div class="input-daterange input-group" style="position: relative;">
                        <input type="text" [(ngModel)]='problemStartTime' class="form-control selecTime" id="datetimepicker3" style="width:140px;border:none;" autocomplete="off" placeholder="选择开始时间" />
                        <span class="input-group-addon">至</span>
                        <input type="text" [(ngModel)]='problemEndTime' class="form-control selecTime" id="datetimepicker4" style="border:none;" autocomplete="off" placeholder="选择结束时间" />
                    </div>
                    <div class="clearDate" (click)="del_problemdate()">×</div>
                </div>
                <div class="form-group group" style="white-space: nowrap;">
                    <div style="margin-top: 4px;">
                        <div class="inline_block" (click)="sensorSelectAllClick()" style="margin-left: 10px;">
                            <span class="el-checkbox__inner" [ngClass]="{'is-checked':sensorSelectAll.selected}"></span>
                            <span style="font-weight: bold;">{{sensorSelectAll.text}}</span>
                        </div>

                    </div>
                    <div>
                        <div class="clearfix">
                            <ul>
                                <li *ngFor="let item of sensorModuleList" class="table_scroll" style="padding-left: 8px;margin-top: 8px;overflow: visible;">
                                    <button class="btn-link" title="单个传感器问题提交" (click)="updateSensorProblem(item)">更新</button>
                                    <span class="channel-style bg-green sensorModuleFront" [ngClass]="{'bg-normal':!item.flag}">
                                        {{item.value}}
                                        <i class="channel-style sensorFront front" *ngIf="item.isFront == '1'">前</i>
                                        <i class="channel-style sensorFront bottom" *ngIf="item.isFront == '2'">后</i>
                                    </span>
                                    <div class="inline_block" style="margin-left: 4px;margin-top: 5px;">
                                        <div *ngFor="let lis of item.child" (click)="sensorLisSelected(item.value,lis.code)" class="lisItem" style="margin-right: 8px;margin-left: 0;">
                                            <span class="el-checkbox__inner" [ngClass]="{'is-checked':lis.selected}"></span>
                                            <span>{{lis.text}}</span>
                                        </div>
                                    </div>
                                    <div style="font-size: 12px;" *ngIf="item.selected && item.startTime && item.endTime">
                                        <div class="item-box inline_block"><span class="item-key"></span><span class="item-value" [attr.title]="">{{item.operator}}</span></div>
                                        <div class="item-box inline_block"><span class="item-key"></span><span class="item-value" [attr.title]="">{{item.startTime}} 至 {{item.endTime}} </span></div>
                                        <button class="btn-link" title="问题区间曲线、轨迹" (click)="dataDrawEchartBMap(item)">查看</button>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="borderdiv"></div>
                <div class="form-group group" style="white-space: nowrap;">
                    <div style="margin-bottom: 8px;">
                        <div class="inline_block" (click)="GPSSelectAllClick()" style="margin-left: 10px;">
                            <span class="el-checkbox__inner" [ngClass]="{'is-checked':GPSSelectAll.selected}"></span>
                            <span style="font-weight: bold;">{{GPSSelectAll.text}}</span>
                        </div>
                    </div>
                    <button class="btn-link" title="GPS问题提交" (click)="updateGPSProblem()" style="margin-left: 8px;">更新</button>
                    <div class="inline_block" id="gpsCheckboxList">
                        <div *ngFor="let lis of GPSModuleList" (click)="GPSLisSelected(lis.code)" class="lisItem self-xs-45">
                            <span class="el-checkbox__inner" [ngClass]="{'is-checked':lis.selected}"></span>
                            <span>{{lis.text}}</span>
                        </div>
                    </div>
                    <div style="font-size: 12px;margin-left: 8px;" *ngIf="GPSProblemList.selected && GPSProblemList.startTime && GPSProblemList.endTime">
                        <div class="item-box inline_block"><span class="item-key"></span><span class="item-value" [attr.title]="">{{GPSProblemList.operator}}</span></div>
                        <div class="item-box inline_block"><span class="item-key"></span><span class="item-value" [attr.title]="">{{GPSProblemList.startTime}} 至 {{GPSProblemList.endTime}} </span></div>
                        <button class="btn-link" title="问题区间曲线、轨迹" (click)="dataDrawEchartBMap(GPSProblemList)">查看</button>
                    </div>
                </div>
                <div class="borderdiv" style="margin-top: 2px;"></div>
                <div class="form-group group" style="padding: 0 12px;">
                    <div class="inline_block">
                        <div class="inline_block" (click)="deviceOfflineClick()">
                            <span class="el-checkbox__inner" [ngClass]="{'is-checked':deviceOffline.selected}"></span>
                            <span>{{deviceOffline.text}}</span>
                        </div>
                    </div>
                    <div class="inline_block">
                        <div class="inline_block" (click)="deviceRepairedIspushClick()">
                            <span class="el-checkbox__inner" [ngClass]="{'is-checked':deviceRepairedIspush.selected}"></span>
                            <span>{{deviceRepairedIspush.text}}</span>
                        </div>
                    </div>
                </div>
                <div class="borderdiv"></div>
                <div>
                    <button type="button" class="btn btn-primary" (click)="addDeviceRepaired()" style="margin-bottom: 10px;">添加维修记录</button>
                    <button type="button" class="btn btn-primary" (click)="updataDeviceStatus()" style="margin-right: 10px;margin-bottom: 10px;">更新设备状态</button>
                    <button type="button" class="btn btn-primary" (click)="editDeviceInfo(editDeciceModal)" style="margin-bottom: 10px;">编辑设备信息</button>
                </div>
                <div class="borderdiv"></div>
                <div class="form-group">
                    <div style="font-weight: bold;padding: 6px 10px;">算法问题</div>
                    <div *ngFor="let lis of algorithmQuestionList" (click)="algorithmLisSelected(lis.text)" class="lisItem col-xs-4" style="margin-bottom:20px" style="min-width: 100px;float: left;margin-left: 0px;">
                        <span class="el-checkbox__inner" [ngClass]="{'is-checked':lis.selected}"></span>
                        <span style="color:#333">{{lis.text}}</span>
                    </div>
                </div>
                <div class="form-group" style="clear: both;padding-left: 10px;padding-top: 5px;"><button type="button" class="btn btn-primary" (click)="updataOrderStatus()">算法问题提交</button></div>
            </div>
        </div>
        <!-- 标记设备状态弹框结束 -->
    </div>
    <div [hidden]="!linetoMap" style="padding: 12px;background: #fff;margin-top: 32px;">
        <div class="map-box" style="height: 100%;width: 100%;">
            <div id="allmap" style="height: 480px;" class="fix-maplabel"></div>
            <sa-bmap-tools [baiduMap]="myMap" [isShowZoom]="true" *ngIf="linetoMap" [reduceWidth]="474" baiduMapId="allmap"></sa-bmap-tools>
        </div>
    </div>

    <!-- 下方的模块暂时不展示 DO  ZZ -->
    <div class="row" style="display:none;margin-top: 12px;background-color: #fff;padding: 28px 0 28px 20px">
        <div class="col-xs-12 form-horizontal">
            <div class="problems row">

                <div class="clearfix" *ngIf="sensorChannel">
                    <div class="form-group sensorCH col-xs-12">
                        <label class="control-label col-sm-1 no-padding-right">传感器</label>
                        <div class="col-sm-10">
                            <div style="border:1px solid #ccc;padding-bottom: 8px;padding-left: 12px;">
                                <div>
                                    <label class="checkbox-inline" *ngFor="let item of sensorArr">
                                        <input type="checkbox" class="checkbox style-0" [value]="item.id" [name]="item.text" [(ngModel)]="item.checked" (change)="sensorChange(item.id,$event)" />
                                        <span>{{item.text}}</span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-xs-12 col-sm-4">
                        <label class="control-label col-sm-3">开始时间</label>
                        <div class="col-sm-9">
                            <div class="clearfix">
                                <input type="text" autocomplete="off" name="startTime_sensor" (click)="inpSelectEvent('startTime_sensor')" class="form-control getChartTime bottomborder" [(ngModel)]='startTime_sensor' placeholder="时间格式：yyyy-MM-dd HH:mm:ss" [ngClass]="{endueTime:inpSelect == 'startTime_sensor'}" />
                            </div>
                        </div>
                    </div>

                    <div class="form-group col-xs-12 col-sm-4">
                        <label class="control-label col-sm-3">结束时间</label>
                        <div class="col-sm-9">
                            <div class="clearfix">
                                <input type="text" autocomplete="off" name="endTime_sensor" (click)="inpSelectEvent('endTime_sensor')" class="form-control getChartTime bottomborder" [(ngModel)]='endTime_sensor' placeholder="时间格式：yyyy-MM-dd HH:mm:ss" [ngClass]="{endueTime:inpSelect == 'endTime_sensor'}" />
                            </div>
                        </div>
                    </div>
                    <button class="btn btn-primary" (click)="submitSensor()">提交</button>
                    <div class="table_scroll col-xs-12">
                        <table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                            <thead>
                                <tr>
                                    <th>设备ID</th>
                                    <th>车牌号码</th>
                                    <th>人工检测损坏通道</th>
                                    <th>开始时间[人工]</th>
                                    <th>结束时间[人工]</th>
                                    <th>记录时间</th>
                                    <th>记录人员</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr *ngFor="let row of sensorTableData">
                                    <td>{{row.deviceId}}</td>
                                    <td>{{row.carNumber}}</td>
                                    <td>{{row.channel}}</td>
                                    <td>{{row.startTime}}</td>
                                    <td>
                                        <span *ngIf="row.endTime">{{row.endTime}}</span>
                                        <span *ngIf="!row.endTime">无</span>
                                    </td>
                                    <td>{{row.createTime}}</td>
                                    <td>{{row.createUser}}</td>
                                    <td>
                                        <button type="button" (click)='delRow(row)'>删除</button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <div *ngIf="sensorTableData.length == 0" style="color: #ccc;margin: 20px;">暂无数据</div>
                    </div>
                    <div class="col-xs-12 borderdiv"></div>
                </div>
            </div>


            <div class="bodyContent">
                <div class="form-group col-xs-12 col-sm-4">
                    <label class="control-label col-sm-3 no-padding-right">问题开始时间</label>
                    <div class="col-sm-9">
                        <div class="clearfix">
                            <input type="text" autocomplete="off" name="startTime_problem" (click)="inpSelectEvent('startTime_problem')" class="form-control getChartTime bottomborder" [(ngModel)]='startTime_problem' placeholder="时间格式：yyyy-MM-dd HH:mm:ss" [ngClass]="{endueTime:inpSelect == 'startTime_problem'}" />
                        </div>
                    </div>
                </div>

                <div class="form-group col-xs-12 col-sm-4">
                    <label class="control-label col-sm-3 no-padding-right">问题结束时间</label>
                    <div class="col-sm-9">
                        <div class="clearfix">
                            <input type="text" autocomplete="off" name="endTime_problem" (click)="inpSelectEvent('endTime_problem')" class="form-control getChartTime bottomborder" [(ngModel)]='endTime_problem' placeholder="时间格式：yyyy-MM-dd HH:mm:ss" [ngClass]="{endueTime:inpSelect == 'endTime_problem'}" />
                        </div>
                    </div>
                </div>

                <div class="form-group col-xs-12 col-sm-4">
                    <label class="control-label col-sm-3 no-padding-right">问题类型</label>
                    <div class="col-sm-9">
                        <div class="clearfix">
                            <select class="form-control inline_block fix_padding bottomborder" [(ngModel)]="proTypeParams.problemType" (change)="problemTypeChange()">
                                <option value="">请选择</option>
                                <option *ngFor="let item of proTypeOptions;let i=index;" [attr.value]='i'>{{item.name}}</option>
                            </select>
                        </div>
                    </div>
                </div>


                <div class="form-group col-xs-12 col-sm-4" *ngIf="proTypeParams.problemType">
                    <label class="control-label col-sm-3 no-padding-right">问题分类</label>
                    <div class="col-sm-9">
                        <div class="clearfix">
                            <select class="form-control inline_block fix_padding bottomborder" [(ngModel)]="proTypeParams.problemClass" (change)="problemClassChange()">
                                <option value="">请选择</option>
                                <option *ngFor="let item of proSlectedItem.childs;let i=index;" [attr.value]='i'>{{item.name}}</option>
                            </select>
                        </div>
                    </div>
                </div>



                <div *ngIf='proTypeParams.problemType=="1"&&proTypeParams.problemClass=="1";else notflag'>
                    <div class="form-group col-xs-12 col-sm-4" *ngIf="proTypeParams.problemClass&&proSlectedItem.childs[+proTypeParams.problemClass].phenomenon">
                        <label class="control-label col-sm-3 no-padding-right">问题现象</label>
                        <div class="col-sm-9">
                            <div class="clearfix">
                                <select id="sensorPhenName" class="form-control inline_block fix_padding bottomborder">
                                    <option value="">请选择</option>
                                    <option value="1">传感器1</option>
                                    <option value="2">传感器2</option>
                                    <option value="3">传感器3</option>
                                    <option value="4">传感器4</option>
                                    <option value="5">传感器5</option>
                                    <option value="6">传感器6</option>
                                    <option value="7">传感器7</option>
                                    <option value="8">传感器8</option>
                                    <option value="9">传感器9</option>
                                    <option value="10">传感器10</option>
                                    <option value="11">传感器11</option>
                                    <option value="12">传感器12</option>
                                    <option value="13">传感器13</option>
                                    <option value="14">传感器14</option>
                                    <option value="15">传感器15</option>
                                    <option value="16">传感器16</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-xs-12 col-sm-4">
                        <label class="control-label col-sm-3 no-padding-right" style="text-align: center;">一一</label>
                        <div class="col-sm-9">
                            <div class="clearfix">
                                <select class="form-control inline_block fix_padding bottomborder" [(ngModel)]="proTypeParams.phenomenon" (change)="problemPhenChange()">
                                    <option value="">请选择</option>
                                    <option *ngFor="let item of proSlectedItem.childs[+proTypeParams.problemClass].phenomenon;let i=index;" [attr.value]='i'>{{item.name}}</option>
                                </select>
                            </div>
                        </div>
                        <button (click)="addseneorPhenItem()" class="addOrDel">+</button>
                    </div>


                    <div class="form-group col-xs-12 col-sm-12" *ngIf="seneorPhenlist.length>0">
                        <label class="control-label col-sm-1 no-padding-right">&nbsp;</label>
                        <div class="col-sm-10">
                            <div class="row ssItemWarp">
                                <div *ngFor="let item of seneorPhenlist;let i=index;" class="col-xs-3">
                                    <div class="ssItemStyle">
                                        <span>{{i+1}} ：{{item.sensorName}} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;&nbsp; {{item.phenomenon}}</span>
                                        <span style="position: absolute;right: 12px;cursor: pointer;" (click)="delSeneorPhenItem(i)"> × </span>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>




                </div>

                <ng-template #notflag>
                    <div>
                        <div class="form-group col-xs-12 col-sm-4" *ngIf="proTypeParams.problemClass">
                            <label class="control-label col-sm-3 no-padding-right">问题现象</label>
                            <div class="col-sm-9" *ngIf="!pcIsOther">
                                <div class="clearfix">
                                    <select class="form-control inline_block fix_padding bottomborder" [(ngModel)]="proTypeParams.phenomenon" (change)="problemPhenChange()">
                                        <option value="">请选择</option>
                                        <option *ngFor="let item of proSlectedItem.childs[+proTypeParams.problemClass].phenomenon;let i=index;" [attr.value]='i'>{{item.name}}</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-sm-9" *ngIf="pcIsOther">
                                <div class="clearfix">
                                    <input [(ngModel)]='otherInpMess' class="form-control" placeholder="请输入问题原因" />
                                </div>
                            </div>
                        </div>

                    </div>
                </ng-template>


                <div class="form-group col-xs-12 col-sm-4" *ngIf="proTypeParams.phenomenon&&proSlectedItem.childs[+proTypeParams.problemClass].phenomenon[+proTypeParams.phenomenon].repairGuide">
                    <label class="control-label col-sm-3 no-padding-right">维修指导</label>
                    <div class="col-sm-9">
                        <div class="clearfix">
                            <select class="form-control inline_block fix_padding bottomborder" [(ngModel)]="proTypeParams.repairGuide">
                                <option value="">请选择</option>
                                <option *ngFor="let item of proSlectedItem.childs[+proTypeParams.problemClass].phenomenon[+proTypeParams.phenomenon].repairGuide;let i=index;" [attr.value]='i'>{{item.name}}</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="form-group col-xs-12 col-sm-4" *ngIf="proTypeParams.problemType=='1'&&proTypeParams.problemClass">
                    <label class="control-label col-sm-3 no-padding-right">进厂限制</label>
                    <div class="col-sm-9">
                        <div class="clearfix">
                            <select name="isPush" class="form-control inline_block fix_padding bottomborder" [(ngModel)]='isPush'>
                                <option value="">请选择</option>
                                <option value="1">限制</option>
                                <option value="0">不限制</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>



            <div class="col-xs-12 borderdiv"></div>
            <div class="form-group col-xs-12 col-sm-4">
                <label class="control-label col-sm-3 no-padding-right" for="zeroBeforeDate">上货前置零</label>
                <div class="col-sm-9">
                    <div class="clearfix">
                        <input type="text" autocomplete="off" name="zeroBeforeDate" id="zeroBeforeDate" class="form-control getChartTime" [(ngModel)]='zeroBeforeDate' (click)="inpSelectEvent('zeroBeforeDate')" [ngClass]="{endueTime:inpSelect == 'zeroBeforeDate'}" placeholder="上货前置零起始时间（时间格式：yyyy-MM-dd HH:mm:ss）" />
                    </div>
                </div>
            </div>
            <div class="form-group col-xs-12 col-sm-4">
                <label class="control-label col-sm-3 no-padding-right" for="upStartDate">上货开始</label>
                <div class="col-sm-9">
                    <div class="clearfix">
                        <input type="text" autocomplete="off" id="upStartDate" class="form-control getChartTime" name="upStartDate" [(ngModel)]='upStartDate' (click)="inpSelectEvent('upStartDate')" [ngClass]="{endueTime:inpSelect == 'upStartDate'}" placeholder="上货点起始时间（时间格式：yyyy-MM-dd HH:mm:ss）" />
                    </div>
                </div>
            </div>
            <div class="form-group col-xs-12 col-sm-4">
                <label class="control-label col-sm-3 no-padding-right" for="upEndDate">上货结束</label>
                <div class="col-sm-9">
                    <div class="clearfix">
                        <input type="text" autocomplete="off" class="form-control getChartTime" name="upEndDate" id="upEndDate" [(ngModel)]='upEndDate' (click)="inpSelectEvent('upEndDate')" [ngClass]="{endueTime:inpSelect == 'upEndDate'}" placeholder="上货点结束时间（时间格式：yyyy-MM-dd HH:mm:ss）" />
                    </div>
                </div>
            </div>
            <div class="form-group col-xs-12 col-sm-4">
                <label class="control-label col-sm-3 no-padding-right" for="downStartDate">卸货开始</label>
                <div class="col-sm-9">
                    <div class="clearfix">
                        <input autocomplete="off" class="form-control getChartTime" name="downStartDate" id="downStartDate" type="text" [(ngModel)]='downStartDate' (click)="inpSelectEvent('downStartDate')" [ngClass]="{endueTime:inpSelect == 'downStartDate'}" placeholder="卸货点起始时间（时间格式：yyyy-MM-dd HH:mm:ss）" />
                    </div>
                </div>
            </div>
            <div class="form-group col-xs-12 col-sm-4">
                <label class="control-label col-sm-3 no-padding-right" for="downEndDate">卸货结束</label>
                <div class="col-sm-9">
                    <div class="clearfix">
                        <input autocomplete="off" class="form-control getChartTime" name="downEndDate" id="downEndDate" type="text" [(ngModel)]='downEndDate' (click)="inpSelectEvent('downEndDate')" [ngClass]="{endueTime:inpSelect == 'downEndDate'}" placeholder="卸货点结束时间（时间格式：yyyy-MM-dd HH:mm:ss）" />
                    </div>
                </div>
            </div>
            <div class="form-group col-xs-12 col-sm-4">
                <label class="control-label col-sm-3 no-padding-right" for="zeroAfterDate">卸货后置零</label>
                <div class="col-sm-9">
                    <div class="clearfix">
                        <input autocomplete="off" class="form-control getChartTime" name="zeroAfterDate" id="zeroAfterDate" type="text" [(ngModel)]='zeroAfterDate' (click)="inpSelectEvent('zeroAfterDate')" [ngClass]="{endueTime:inpSelect == 'zeroAfterDate'}" placeholder="卸货后置零结束时间（时间格式：yyyy-MM-dd HH:mm:ss）" />
                    </div>
                </div>
            </div>
            <div class="form-group col-xs-12 col-sm-4">
                <label class="control-label col-sm-3 no-padding-right" for="startWeight">上货前重量</label>
                <div class="col-sm-9">
                    <div class="clearfix">
                        <input class="form-control" autocomplete="off" name="startWeight" id="startWeight" type="text" value="0.0" />
                    </div>
                </div>
            </div>
            <div class="form-group col-xs-12 col-sm-4">
                <label class="control-label col-sm-3 no-padding-right" for="weight">重量</label>
                <div class="col-sm-9">
                    <div class="clearfix">
                        <input autocomplete="off" class="form-control" name="weight" id="weight" type="text" placeholder="重量数据（如：30.25）" />
                    </div>
                </div>
            </div>
            <div class="form-group col-xs-12 col-sm-4">
                <label class="control-label col-sm-3 no-padding-right" for="endWeight">卸货后重量</label>
                <div class="col-sm-9">
                    <div class="clearfix">
                        <input autocomplete="off" class="form-control" name="endWeight" id="endWeight" type="text" value="0.0" />
                    </div>
                </div>
            </div>
            <div class="form-group col-xs-12 col-sm-4">
                <label class="control-label col-sm-3" for="isWave">数据波动</label>
                <div class="col-sm-9 clearfix">
                    <div class="">
                        <label style="vertical-align:middle;margin-bottom: 0;">
                            <input id="isWave" name="isWave" class="" type="checkbox">
                            <span class="lbl">1吨内</span>
                        </label>
                        <label style="vertical-align:middle;margin-bottom: 0;">
                            <span class="lbl"> 波动范围</span>
                            <select [(ngModel)]="waveWeight" name="waveWeight" id="waveWeight" style="width: 80px;padding-left: 24px;">
                                <option value="0.1">0.1</option>
                                <option value="0.2">0.2</option>
                                <option value="0.3">0.3</option>
                                <option value="0.4">0.4</option>
                                <option value="0.5">0.5</option>
                                <option value="0.6">0.6</option>
                                <option value="0.7">0.7</option>
                                <option value="0.8">0.8</option>
                                <option value="0.9">0.9</option>
                                <option value="1.0">1.0</option>
                            </select>
                        </label>
                    </div>
                </div>
            </div>

            <div class="form-group col-xs-12 col-sm-4">
                <label class="control-label col-sm-3" for="isDiagonal">上卸货曲线</label>
                <div class="col-sm-9 clearfix">
                    <div class="">
                        <label style="vertical-align:middle;margin-bottom: 0;">
                            <input id="isDiagonal" name="isDiagonal" class="" type="checkbox">
                            <span class="lbl"> 斜线(默认是sin曲线)</span>
                        </label>
                    </div>
                </div>
            </div>

        </div>
        <div class="center">
            <button type="button" (click)="resetWeightToZero()" class="btn btn-primary btn-sm" style="min-width: 60px;">
                清零
            </button> &nbsp;&nbsp;
            <button type="button" (click)="submitRecord()" class="btn btn-primary btn-sm">
                <i class="fa fa-question-circle"></i>&nbsp;
                问题记录
            </button> &nbsp;&nbsp;
            <button type="button" *ngIf="proTypeParams.problemType=='1'" (click)="submitDevice()" class="btn btn-primary btn-sm">
                <i class="fa fa-square-o"></i>&nbsp;
                设备故障
            </button> &nbsp;&nbsp;
            <button id="btnAdd" type="button" (click)="recall()" class="btn btn-danger btn-sm">
                <i class="fa fa-trash-o"></i>&nbsp;
                撤回
            </button> &nbsp;&nbsp;
            <button *ngIf='!isDisable' id="btnAdd" type="button" (click)="makeData()" class="btn btn-success btn-sm">
                <i class="fa fa-refresh"></i>&nbsp;
                优化
            </button>
            <button *ngIf='isDisable' id="btnAdd" type="button" (click)="makeData()" class="btn btn-success btn-sm" disabled="disabled">
                <i class="fa fa-refresh"></i>&nbsp;
                优化
            </button> &nbsp;&nbsp;
            <button id="btnAdd" type="button" (click)="recordTransportData()" class="btn btn-primary btn-sm">
                <i class="fa fa-cloud-upload"></i>&nbsp;
                记录上卸货点
            </button> &nbsp;&nbsp;

            <button type="button" (click)="openConfigView(positionModal)" class="btn btn-primary btn-sm">
                <i class="fa fa-skyatlas"></i>&nbsp;
                系数设置
            </button>

        </div>
        <div class="hr hr-dotted"></div>
    </div>
</div>



<!--弹窗部分-->
<section bsModal #positionModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" (click)="closeConfigView(positionModal)" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">系数配置-{{coefCarNumber}}</h4>
            </div>
            <div class="modal-body row">
                <div class="profile-info-row col-xs-6" *ngFor="let item of coefficientList;">
                    <div class="profile-info-name"> Channel {{item.index}}</div>
                    <div class="profile-info-value">
                        <input [(ngModel)]='item.coef' type="text" class="input form-control" [ngClass]='{green:item.coef!==0}'>
                    </div>
                </div>
            </div>
            <div class="modal-footer" style="text-align: center;">
                <button type="button" class="btn btn-default" (click)="closeConfigView(positionModal)">取消</button>
                <button type="button" class="btn btn-primary" (click)="getConfigParams()">重置</button>
                <button type="button" class="btn btn-primary" (click)="submitConfigMapped(positionModal)">提交</button>
            </div>
        </div>
    </div>
</section>

<!-- 设备详情信息    弹窗-->
<div id="deviceDetailModal" style="overflow: auto;">
    <div class="modal-dialog modal-lg" style="width: 1000px;">
        <div class="modal-content">
            <div class="modal-header" id="headDrag">
                <button type="button" class="close" (click)="cancelDeviceDetail()" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">设备信息 <span class="note">[ 注: 鼠标点击可拖动 ]</span>
                    <span *ngIf="isShowGPSAlert" class="red  gps-alert">GPS更新异常</span>
                </h4>
                <div class="btn-group" style="position: absolute;right: 88px;top: 8px;">
                    <button class="btn btn-default no-margin" [ngClass]="{'btn-primary':btnGroupActive == '1'}" (click)="selectTimeFast('1')">一周</button>
                    <!--<button class="btn btn-default no-margin" [ngClass]="{'btn-primary':btnGroupActive == '2'}" (click)="selectTimeFast('2')">半个月</button>-->
                    <button class="btn btn-default no-margin" [ngClass]="{'btn-primary':btnGroupActive == '3'}" (click)="selectTimeFast('3')">一个月</button>
                    <!--<button class="btn btn-default no-margin" [ngClass]="{'btn-primary':btnGroupActive == '4'}" (click)="selectTimeFast('4')">两个月</button>-->
                    <button class="btn btn-default no-margin" [ngClass]="{'btn-primary':btnGroupActive == '5'}" (click)="selectTimeFast('5')">三个月</button>
                    <button class="btn no-margin btn-default" [ngClass]="{'btn-primary':btnGroupActive == '6'}" (click)="selectTimeFast('6')">半年</button>
                    <button class="btn no-margin btn-default" [ngClass]="{'btn-primary':btnGroupActive == '7'}" (click)="selectTimeFast('7')">全部</button>
                </div>
            </div>
            <div class="modal-body" style="padding: 20px;max-height: 998px;overflow: auto;">
                <div class="row form-horizontal">
                    <div>
                        <div class="tabbable">
                            <ul class="nav nav-tabs" id="myTab" style="padding-left:12px;background-image: linear-gradient(#F1F5FD, #E9F0FF);">
                                <li class="active s-lis"><a data-toggle="tab" href="#all" (click)="getTabData('');">设备信息 <span id="allOrders"></span></a></li>
                                <li class="s-lis" (click)="getTabData('8')"><a data-toggle="tab" href="#timeline">设备事件</a></li>
                                <li class="s-lis"><a data-toggle="tab" href="#waitRepaired" (click)="getTabData('4_1');">待维修
                                        <span class="orange">{{repairedDeviceInfo.waitFixedCount}}</span></a>
                                </li>
                                <li class="s-lis"><a data-toggle="tab" href="#repaired" (click)="getTabData('4_2');">已维修
                                        <span class="green">{{repairedDeviceInfo.fixedCount}}</span></a>
                                </li>
                                <li class="s-lis"><a data-toggle="tab" class="reqRecord" href="#question" (click)="getTabData('1');">问题记录
                                        <span class="red">{{questionRecordTotal}}</span></a>
                                </li>
                                <li class="s-lis"><a data-toggle="tab" href="#dataWaitFix" (click)="getTabData('2_1');">数据待修复
                                        <span class="orange">{{dataFixInfo.exceptionOrderCount}}</span></a>
                                </li>
                                <li class="s-lis"><a data-toggle="tab" href="#dataFix" (click)="getTabData('2');">数据修复
                                        <span class="green" *ngIf="dataFixInfo.dataFixCount || dataFixInfo.dataFixCount == 0">{{dataFixInfo.dataFixCount + dataFixInfo.truckFixCount}}</span></a>
                                </li>

                                <li class="s-lis"><a data-toggle="tab" class="alertRecord" href="#alert" (click)="getTabData('3');">警报记录
                                        <span class="red" *ngIf="alertDataInfo.shutDownCount || alertDataInfo.shutDownCount == 0">{{alertDataInfo.shutDownCount + alertDataInfo.offLineCount + alertDataInfo.shutDownExceptionCount}}</span></a>
                                </li>
                                <!-- DO 隐藏地磅数据 -->
                                <li class="s-lis" style="display: none;"><a data-toggle="tab" href="#weightData" (click)="getTabData('7');">地磅数据 <span class="status-purple"></span></a></li>
                                <li class="s-lis"><a data-toggle="tab" href="#version" (click)="getTabData('5');">固件升级 <span class="status-purple"></span></a></li>
                                <li class="s-lis"><a data-toggle="tab" href="#coef" (click)="getTabData('6');">系数升级 <span class="status-purple"></span></a></li>
                            </ul>
                            <div class="tab-content" style="padding:0;border:none">
                                <div id="all" class="tab-pane active">
                                    <sa-device-info [deviceId]="deviceId" [endTime]="endDateBtn" [startTime]="startDateBtn" [iccid]="deviceBaseInfo.iccid"></sa-device-info>
                                    <!-- <div class="device-module clearfix">
                                        <h4>基本信息</h4>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">公司名称</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.companyName||'--'}}</span></div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">车辆用途</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.userTypeName||'--'}}</span></div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">司机姓名</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.driverName||'--'}}</span></div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">车牌号码</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.carNumber||'--'}}</span></div>
                                        <div class="item-box col-xs-4 no-padding">
                                            <span class="item-key">传感器类型</span><span class="item-value" [attr.title]="">
                                                <sa-sensor-type [sensorTypeId]="deviceBaseInfo.sensorType" type='2' [inputParam]="inputParam" [isSendRequest]='false'></sa-sensor-type>
                                            </span>
                                        </div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">司机电话</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.phone||'--'}}</span></div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">设备ID</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.deviceId||'--'}}</span></div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">产品编码</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.productNo||'--'}}</span></div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">录入人员</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.userNameForCreate||'--'}}</span></div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">硬件版本</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.hwVersion||'--'}}</span></div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">SIM卡号</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.iccid||'--'}}</span></div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">安装时间</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.inputDate||'--'}}</span></div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">传感器通道</span><span class="item-value table_scroll" [attr.title]="">
                                                <span class="channel-style bg-green" *ngFor="let item of deviceBaseInfo.sensorChannel">{{item}}</span>
                                                <span *ngIf="deviceBaseInfo.sensorChannel.length == 0">--</span>
                                            </span></div>
                                        <div class="item-box col-xs-4 no-padding">
                                            <span class="item-key">当前系数</span><span class="item-value" [attr.title]="deviceBaseInfo.coef">
                                                <span *ngIf='deviceBaseInfo.coefT.length >0'>
                                                    <span>[</span><span *ngFor="let lis of deviceBaseInfo.coefT;let i = index;">
                                                        <span style="font-weight: bold;">CH{{lis.index}}:</span><span>{{lis.value}}<span *ngIf="i < deviceBaseInfo.coefT.length-1">,</span></span>
                                                    </span><span>]</span>
                                                </span>
                                                <span *ngIf='deviceBaseInfo.coefT.length == 0'>--</span>
                                            </span>
                                        </div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">算法版本</span><span class="item-value" [attr.title]="deviceBaseInfo.version">{{deviceBaseInfo.version||'--'}}</span></div>
                                    </div>
                                    <div class="device-module clearfix">
                                        <h4>问题记录<span style="font-weight: normal;"> [{{btnGroupActiveText}}]</span><span class="item-detail" (click)="jumpQuestionByHand('','','total')">>> 详情</span></h4>
                                        <div class="item-box col-xs-4 no-padding" *ngFor="let item of questionRecordInfo"><span class="item-key">{{item.reason}}</span><span class="item-value jump-number" (click)="jumpQuestionByHand(item.exceptionType,item.programType,item.reasonCount)">{{item.reasonCount}}</span></div>
                                    </div>
                                    <div class="device-module clearfix">
                                        <h4>数据修复<span style="font-weight: normal;"> [{{btnGroupActiveText}}]</span></h4>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">数据修复</span><span class="item-value jump-number" (click)="jumpDataFixList('1',dataFixInfo.dataFixCount)">{{dataFixInfo.dataFixCount}}</span></div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">轨迹修复</span><span class="item-value jump-number" (click)="jumpDataFixList('2',dataFixInfo.truckFixCount)">{{dataFixInfo.truckFixCount}}</span></div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">待修复[矩阵]</span><span class="item-value jump-number" (click)="jumpDataFixList('3',dataFixInfo.exceptionOrderCount)">{{dataFixInfo.exceptionOrderCount}}</span></div>
                                    </div>
                                    <div class="device-module clearfix">
                                        <h4>警报记录<span style="font-weight: normal;"> [{{btnGroupActiveText}}]</span><span class="item-detail" (click)="jumpAlertDataList('','total')">>> 详情</span></h4>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">断电警报</span><span class="item-value jump-number" (click)="jumpAlertDataList('2',alertDataInfo.shutDownCount)">{{alertDataInfo.shutDownCount}}</span></div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">离线警报</span><span class="item-value jump-number" (click)="jumpAlertDataList('1',alertDataInfo.offLineCount)">{{alertDataInfo.offLineCount}}</span></div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">异常断电警报</span><span class="item-value jump-number" (click)="jumpAlertDataList('3',alertDataInfo.shutDownExceptionCount)">{{alertDataInfo.shutDownExceptionCount}}</span></div>
									</div>
                                    <div class="device-module clearfix" style="display: none;">
                                        <h4>总磅单数<span style="font-weight: normal;"> [{{btnGroupActiveText}}]</span></h4>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">磅单总数</span><span class="item-value jump-number">{{weightData.WeightBridgeCount||'--'}}</span></div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">最新磅单重量</span><span class="item-value">{{weightData.weight||'--'}}</span></div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">最近磅单时间</span><span class="item-value jump-number">{{weightData.lastDate||'--'}}</span></div>
                                    </div>
                                    <div class="device-module clearfix">
                                        <h4>维修记录<span style="font-weight: normal;"> [{{btnGroupActiveText}}]</span></h4>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">待维修记录</span><span class="item-value jump-number" (click)="jumpRepairedDeviceList('0','1',repairedDeviceInfo.waitFixedCount)">{{repairedDeviceInfo.waitFixedCount}}</span></div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">已维修记录</span><span class="item-value jump-number" (click)="jumpRepairedDeviceList('1','2',repairedDeviceInfo.fixedCount)">{{repairedDeviceInfo.fixedCount}}</span></div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">最新维修时间</span><span class="item-value">{{repairedDeviceInfo.lastRepariedTime||'--'}}</span></div>
                                    </div>
                                    <div class="device-module clearfix">
                                        <h4>设备状态</h4>
                                        <div class="item-box col-xs-4 no-padding">
                                            <span class="item-key">在线状态</span><span class="item-value">
                                                <span *ngIf="deviceRealTimeDataInfo.runStatus == '1'" class="green">在线</span><span class="red" *ngIf="deviceRealTimeDataInfo.runStatus == '0'">离线<span *ngIf="deviceRealTimeDataInfo.alarmType == '0'||!deviceRealTimeDataInfo.alarmType">[未知原因]</span><span *ngIf="deviceRealTimeDataInfo.alarmType == '1'||deviceRealTimeDataInfo.alarmType == '2'">[断电中]</span><span *ngIf="deviceRealTimeDataInfo.alarmType == '3'">[异常断电]</span></span><span *ngIf="!deviceRealTimeDataInfo.runStatus">--</span>
                                            </span>
                                        </div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">设备电压</span><span class="item-value">{{deviceRealTimeDataInfo.voltage||'--'}}</span></div>
                                        <div class="item-box col-xs-4 no-padding">
                                            <span class="item-key">警报类型</span><span class="item-value">
                                                <span *ngIf="deviceRealTimeDataInfo.alarmType == '0'||!deviceRealTimeDataInfo.alarmType">无警报</span><span *ngIf="deviceRealTimeDataInfo.alarmType == '2'" class="red">
                                                    离线警报</span><span *ngIf="deviceRealTimeDataInfo.alarmType == '1'" class="red">断电警报
                                                </span>
                                            </span>
                                        </div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">更新时间</span><span class="item-value">{{deviceRealTimeDataInfo.updateTime||'--'}}</span></div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">采集时间</span><span class="item-value">{{deviceRealTimeDataInfo.voltageTime||'--'}}</span></div>
                                        <div class="item-box col-xs-4 no-padding"><span class="item-key">警报时间</span><span class="item-value"><span class="red" *ngIf="deviceRealTimeDataInfo.alarmTime">{{deviceRealTimeDataInfo.alarmTime}}</span><span *ngIf="!deviceRealTimeDataInfo.alarmTime">--</span></span></div>

									</div> -->
                                    <!-- DO 隐藏地磅数据 -->
                                    <!-- <span *ngIf="isShowOfflineAlert" class="red offline-alert left">异常离线[磅单数:{{weightCount}}][离线时长:{{offlineDiffTime}}]</span> -->
                                    <!-- <span *ngIf="isShowOfflineAlert" class="red offline-alert left">异常离线[离线时长:{{offlineDiffTime}}]</span> -->
                                </div>
                                <div id="timeline" class="tab-pane">
                                    <div class="clearfix">
                                        <div class="device-module clearfix" style="margin-top: 12px;" *ngIf='deviceBaseInfo'>
                                            <h4>基本信息</h4>
                                            <div class="item-box self-xs-25 no-padding"><span class="item-key">车牌号码</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.carNumber||'--'}}</span><span *ngIf="deviceBaseInfo.deviceId">[{{deviceBaseInfo.deviceId}}]</span></div>
                                            <div class="item-box self-xs-25 no-padding"><span class="item-key">公司名称</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.companyName||'--'}}</span></div>
                                            <div class="item-box self-xs-25 no-padding"><span class="item-key">安装时间</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.inputDate||'--'}}</span></div>
                                            <div class="item-box self-xs-25 no-padding"><span class="item-key">录入人员</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.userNameForCreate||'--'}}</span></div>
                                            <div class="item-box self-xs-25 no-padding"><span class="item-key">已安装[据今]</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.installTime||'--'}}</span></div>
                                            <div class="item-box self-xs-25 no-padding"><span class="item-key">车辆用途</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.userTypeName||'--'}}</span></div>
                                            <div class="item-box self-xs-25 no-padding"><span class="item-key">载重更新</span><span class="item-value" [attr.title]="">{{otherData.carUploadDate||'--'}}</span></div>
                                            <div class="item-box self-xs-25 no-padding">
                                                <span class="item-key">传感器</span><span class="item-value" [attr.title]="">
                                                    <sa-sensor-type [sensorTypeId]="deviceBaseInfo.sensorType" type='2' [inputParam]="inputParam" [isSendRequest]='false'></sa-sensor-type>
                                                </span>
                                            </div>
                                            <div class="item-box self-xs-25 no-padding"><span class="item-key">车辆状态</span><span class="item-value" [attr.title]="">
                                                    <span class="red" *ngIf="deviceRealTimeDataInfo.runStatus=='0'">离线<span *ngIf="deviceRealTimeDataInfo.alarmType == '0'||!deviceRealTimeDataInfo.alarmType">[未知原因]</span><span *ngIf="deviceRealTimeDataInfo.alarmType == '1'||deviceRealTimeDataInfo.alarmType == '2'">[断电中]</span><span *ngIf="deviceRealTimeDataInfo.alarmType == '3'">[异常断电]</span></span><span class="green" *ngIf="deviceRealTimeDataInfo.runStatus!=='0'">在线</span>
                                                    <!-- <span class="red" *ngIf="versionMessage.isShowGPS">[GPS更新异常]</span> -->
                                                </span></div>
                                            <div class="item-box self-xs-25 no-padding"><span class="item-key">GPS更新</span><span class="item-value" [attr.title]="">{{otherData.gpsUploadDate||'--'}}</span></div>

                                            <div class="item-box self-xs-25 no-padding" style="width: 40%;">
                                                <span class="item-key">算法版本</span><span class="item-value" [attr.title]="deviceBaseInfo.version" style="max-width: calc(100% - 88px);">{{deviceBaseInfo.version||'--'}}</span>
                                            </div>
                                            <div class="item-box self-xs-25 no-padding" style="width: 40%;">
                                                <span class="item-key">当前系数</span>
                                                <span class="item-value" [attr.title]="deviceBaseInfo.coef" style="max-width: calc(100% - 88px);">
                                                    <span *ngIf='deviceBaseInfo.coefT.length >0'>
                                                        <span>[</span><span *ngFor="let lis of deviceBaseInfo.coefT;let i = index;">
                                                            <span style="font-weight: bold;">CH{{lis.index}}:</span><span>{{lis.value}}<span *ngIf="i < deviceBaseInfo.coefT.length-1">,</span></span>
                                                        </span><span>]</span>
                                                    </span>
                                                    <span *ngIf='deviceBaseInfo.coefT.length == 0'>--</span>
                                                </span>
                                            </div>
                                            <div class="item-box self-xs-25 no-padding"><span class="item-key">传感器通道</span><span class="item-value table_scroll" [attr.title]="">
                                                    <span class="channel-style bg-green" *ngFor="let item of deviceBaseInfo.sensorChannel">{{item}}</span>
                                                    <span *ngIf="deviceBaseInfo.sensorChannel.length == 0">--</span>
                                                </span></div>
                                        </div>
                                    </div>
                                    <div class="device-module clearfix" style="margin-top: 12px" >
                                        <h4>
                                          主机生命周期
                                          <span *ngIf="hostTableData.length" [attr.title]="'当前为' + hostTableData.length + '号主机，已更换' + (hostTableData.length -1) + '次主机'">{{deviceBaseInfo.carNumber}}[{{hostTableData.length}}]</span>
                                        </h4>
                                        <div class="table_scroll first_row_style">
                                          <table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table" style="margin-bottom: 0 !important;border-bottom: 0 !important;">
                                            <thead>
                                              <tr>
                                                <th class="width50">序号</th>
                                                <th class="width60">状态</th>
                                                <th class="width100">车牌号码</th>
                                                <th class="width100">设备ID</th>
                                                <th class="width90">物料名称</th>
                                                <th class="width120">产品编号</th>
                                                <th class="width120">原设备ID</th>
                                                <th class="width120">工作时长</th>
                                                <th style="text-align:center">安装时间</th>
                                              </tr>
                                            </thead>
                                          </table>
                                        </div>
                                        <div [ngClass]="{'host_table': hostTableData.length > 3 }"  class="table_scroll first_row_style">
                                          <table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table" style="border-top: 0 !important;">
                                            <tbody *ngIf="hostTableData.length > 0">
                                              <tr *ngFor="let row of hostTableData; let i = index">
                                                <td class="width50">{{ row.number }}</td>
                                                <td class="width60">
                                                  <span *ngIf="row.state === 0">拆卸</span>
                                                  <span *ngIf="row.state === 1">在用</span>
                                                </td>
                                                <td class="width100">{{ row.carNumber }}</td>
                                                <td class="width100">{{ row.deviceId }}</td>
                                                <td class="width90">{{ row.materielName }}</td>
                                                <td class="width120">{{ row.materielNumber }}</td>
                                                <td class="width120">{{ row.lastDeviceId }}</td>
                                                <td class="width120">{{ row.workingTimeStr }}</td>
                                                <td style="text-align:center">{{ row.installTime }}</td>
                                              </tr>
                                            </tbody>
                                            <tbody *ngIf="hostTableData.length === 0">
                                                <div style="text-align: center;height: 50px;line-height: 50px;">暂无数据</div>
                                              </tbody>
                                          </table>
                                        </div>
                                    </div>
                                    <div class="device-module clearfix" style="margin-top: 12px" >
                                    <h4>
                                        传感器生命周期
                                        <span *ngIf="sensorListData.length" [attr.title]="'当前设备安装' + sensorCount + '个传感器'">{{deviceBaseInfo.carNumber}}[{{sensorCount}}]</span>
                                    </h4>
                                    <div class="table_scroll first_row_style">
                                        <table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table" style="margin-bottom: 0 !important;border-bottom: 0 !important;">
                                        <thead>
                                            <tr>
                                            <th class="width80">产品编号</th>
                                            <th class="width80">序号</th>
                                            <th class="width80">状态</th>
                                            <th class="width100">车牌号码</th>
                                            <th class="width100">设备ID</th>
                                            <th class="width200">物料名称</th>
                                            <th class="width120">工作时长</th>
                                            <th style="text-align:center">安装时间</th>
                                            </tr>
                                        </thead>
                                        </table>
                                    </div>
                                    <div [ngClass]="{'sensor_table': sensorListData.length > 5 }" class="table_scroll first_row_style" >
                                        <table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table" style="border-top: 0 !important;">
                                        <tbody *ngIf="sensorListData.length > 0">
                                            <tr *ngFor="let row of sensorListData; let i = index">
                                            <td class="width80" [rowSpan]="row.rowSpan" *ngIf="row.secondIndex == 0">
                                                <span class="channel-style bg-green">
                                                {{ row.materielNumber }}
                                                </span>
                                            </td>
                                            <td class="width80">{{ row.number }}</td>
                                            <td class="width80">
                                                <span *ngIf="row.state === 0">拆卸</span>
                                                <span *ngIf="row.state === 1">在用</span>
                                            </td>
                                            <td class="width100">{{ row.carNumber }}</td>
                                            <td class="width100">{{ row.deviceId }}</td>
                                            <td class="width200">{{ row.materielName }}</td>
                                            <td class="width120">{{ row.workingTimeStr }}</td>
                                            <td style="text-align:center">{{ row.installTime }}</td>
                                            </tr>
                                        </tbody>
                                        <tbody *ngIf="sensorListData.length === 0">
                                            <div style="text-align: center;height: 50px;line-height: 50px;">暂无数据</div>
                                        </tbody>
                                        </table>
                                    </div>
                                    </div>
                                </div>
                                <div id="question" class="tab-pane">
                                    <div class="table_scroll">
                                        <table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                                            <thead>
                                                <tr>
                                                    <th>录入人员</th>
                                                    <th>录入时间</th>
                                                    <th>设备ID</th>
                                                    <th>车牌号</th>
                                                    <th>版本</th>
                                                    <th>问题分类</th>
                                                    <th>现象分类</th>
                                                    <th>问题原因</th>
                                                    <th>车辆用途</th>
                                                    <th>用途分类</th>
                                                    <th>开始时间</th>
                                                    <th>结束时间</th>
                                                    <th>系数</th>
                                                    <th>状态</th>
                                                    <th>审核人员</th>
                                                    <th>审核时间</th>
                                                    <th>备注</th>

                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr *ngFor="let row of tableDataTab1; let i = index" [attr.data-index]="i" [ngClass]="{selected:activeSelected === row.id}" (dblclick)='waitRepairedRowSelect(row,"question")'>
                                                    <td>{{row.createUserName}}</td>
                                                    <td>{{row.createDate}}</td>
                                                    <td>{{row.deviceId}}</td>
                                                    <td>{{row.carNumber}}</td>
                                                    <td>{{row.version}}</td>
                                                    <td>{{row.exceptionType}}</td>
                                                    <td>{{row.programType}}</td>
                                                    <td>{{row.reason}}</td>
                                                    <td>{{row.useTypeL1}}</td>
                                                    <td>{{row.useTypeL2}}</td>
                                                    <td>{{row.startDate}}</td>
                                                    <td>{{row.endDate}}</td>
                                                    <td>
                                                        <span *ngIf='row.coef.length >0'>
                                                            <span>[</span><span *ngFor="let lis of row.coef;let i = index;">
                                                                <span style="font-weight: bold;">CH{{lis.index}}:</span><span>{{lis.value}}<span *ngIf="i < row.coef.length-1">,</span></span>
                                                            </span><span>]</span>
                                                        </span>
                                                    </td>
                                                    <td>
                                                        <span *ngIf='row.isCheck=="1"' class="green">审核通过</span>
                                                        <span *ngIf='row.isCheck=="0"' class="orange">未审核</span>
                                                    </td>
                                                    <td>{{row.userNameForCheck}}</td>
                                                    <td>{{row.checkDate}}</td>
                                                    <td>{{row.remark}}</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="table-fix clearfix">
                                        <paginator [totalRecords]="totalCountTab" [rows]="pageSizeTab" [currentPage]="curPageTab - 1" (onPageChange)="paginateTab($event)">
                                        </paginator>
                                        <button type="button" class="btn default refresh_btn" (click)="refreshTab()"><i class="fa fa-refresh"></i></button>
                                    </div>
                                </div>
                                <div id="dataFix" class="tab-pane">
                                    <div class="table_scroll">
                                        <table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                                            <thead>
                                                <tr>
                                                    <th>用户名</th>
                                                    <th>记录类型</th>
                                                    <th>车牌号码</th>
                                                    <th>记录时间</th>
                                                    <th>内容</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr *ngFor="let row of tableDataTab2; let i = index" [attr.data-index]="i">
                                                    <td>{{row.userName}}</td>
                                                    <td>
                                                        <span *ngIf="row.operation=='1'">数据修复</span>
                                                        <span *ngIf="row.operation=='2'">轨迹修复</span>
                                                    </td>
                                                    <td>{{row.carNumber}}</td>
                                                    <td>{{row.createTime}}</td>
                                                    <td>{{row.content}}</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="table-fix clearfix">
                                        <paginator [totalRecords]="totalCountTab" [rows]="pageSizeTab" [currentPage]="curPageTab - 1" (onPageChange)="paginateTab($event)">
                                        </paginator>
                                        <button type="button" class="btn default refresh_btn" (click)="refreshTab()"><i class="fa fa-refresh"></i></button>
                                    </div>
                                </div>

                                <div id="dataWaitFix" class="tab-pane">
                                    <div class="table_scroll">
                                        <table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                                            <thead>
                                                <tr>
                                                    <th>订单编号</th>
                                                    <th>车牌号码</th>
                                                    <th>设备ID</th>
                                                    <!-- DO 隐藏地磅数据 -->
                                                    <!-- <th>空车过磅时间</th> -->
                                                    <!-- <th>重车过磅时间</th> -->
                                                    <th>净重</th>
                                                    <th>订单类型</th>
                                                    <th>开始卸货时间</th>
                                                    <th>卸货结束时间</th>
                                                    <th>异常描述</th>
                                                    <th>推送时间</th>
                                                    <th>推送状态</th>
                                                    <th>处理人</th>
                                                    <th>状态</th>
                                                    <th>录入时间</th>
                                                    <th>更新时间</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr *ngFor="let row of tableDataTab2_1; let i = index" [attr.data-index]="i">
                                                    <td>{{row.taskId}}</td>
                                                    <td>{{row.carNumber}}</td>
                                                    <td>{{row.deviceId}}</td>
                                                    <!-- DO 隐藏地磅数据 -->
                                                    <!-- <td>{{row.emptyLoadDate}}</td> -->
                                                    <!-- <td>{{row.fullLoadDate}}</td> -->
                                                    <td>{{row.weight}}</td>
                                                    <td>
                                                        <span *ngIf="row.type == '1'">水泥订单</span>
                                                        <span *ngIf="row.type == '2'">物资订单</span>
                                                    </td>
                                                    <td>{{row.unloadStartDate}}</td>
                                                    <td>{{row.unloadEndDate}}</td>
                                                    <td>{{row.remark}}</td>
                                                    <td>{{row.pushDate}}</td>
                                                    <td>
                                                        <span *ngIf="row.isPush=='0'" class="orange">未推送</span>
                                                        <span *ngIf="row.isPush=='1'" class="green">已推送</span>
                                                    </td>
                                                    <td>{{row.userName}}</td>
                                                    <td>
                                                        <span *ngIf="row.status=='0'" class="orange">待处理</span>
                                                        <span *ngIf="row.status=='1'" class="green">已处理</span>

                                                    </td>
                                                    <td>{{row.createTime}}</td>
                                                    <td>{{row.uploadTime}}</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="table-fix clearfix">
                                        <paginator [totalRecords]="totalCountTab" [rows]="pageSizeTab" [currentPage]="curPageTab - 1" (onPageChange)="paginateTab($event)">
                                        </paginator>
                                        <button type="button" class="btn default refresh_btn" (click)="refreshTab()"><i class="fa fa-refresh"></i></button>
                                    </div>
                                </div>

                                <div id="alert" class="tab-pane">
                                    <div class="table_scroll">
                                        <table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                                            <thead>
                                                <tr>
                                                    <th>设备ID</th>
                                                    <th>车牌号</th>
                                                    <th>所属公司</th>
                                                    <th>异常信息</th>
                                                    <th>关机时长</th>
                                                    <th>关机时间</th>
                                                    <th>开机时间</th>
                                                    <th>地址</th>
                                                    <th>状态</th>
                                                    <th>处理意见</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr *ngFor="let row of tableDataTab3; let i = index" [attr.data-index]="i">
                                                    <td>{{row.deviceId}}</td>
                                                    <td>{{row.carNumber}}</td>
                                                    <td>{{row.companyName}}</td>
                                                    <td>{{row.message}}</td>
                                                    <td>
                                                        <span *ngIf="row.type == 1">
                                                            <span *ngIf="!row.onTime||row.totalSecond =='0秒'">离线中</span>
                                                            <span *ngIf="row.totalSecond&&row.onTime">{{row.totalSecond}}</span>
                                                        </span>
                                                        <span *ngIf="row.type == 2">
                                                            <span *ngIf="!row.onTime||row.totalSecond =='0秒'">断电中</span>
                                                            <span *ngIf="row.totalSecond&&row.onTime">{{row.totalSecond}}</span>
                                                        </span>
                                                        <span *ngIf="row.type == 3">
                                                            <span *ngIf="!row.onTime||row.totalSecond =='0秒'">无</span>
                                                            <span *ngIf="row.onTime&&row.totalSecond">{{row.onTime}}</span>
                                                        </span>
                                                    </td>
                                                    <td>{{row.offTime}}</td>
                                                    <td>
                                                        <span *ngIf="row.type == 1">
                                                            <span *ngIf="!row.onTime||row.totalSecond =='0秒'">离线中</span>
                                                            <span *ngIf="row.onTime&&row.totalSecond">{{row.onTime}}</span>
                                                        </span>
                                                        <span *ngIf="row.type == 2">
                                                            <span *ngIf="!row.onTime||row.totalSecond =='0秒'">断电中</span>
                                                            <span *ngIf="row.onTime&&row.totalSecond">{{row.onTime}}</span>
                                                        </span>
                                                        <span *ngIf="row.type == 3">
                                                            <span *ngIf="!row.onTime||row.totalSecond =='0秒'">无</span>
                                                            <span *ngIf="row.onTime&&row.totalSecond">{{row.onTime}}</span>
                                                        </span>

                                                    </td>
                                                    <td>{{row.address}}</td>
                                                    <td>
                                                        <span *ngIf="row.handleStatus == 0" class="orange">未处理</span>
                                                        <span *ngIf="row.handleStatus == 1" class="green">已处理</span>
                                                    </td>
                                                    <td>{{row.addvice}}</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="table-fix clearfix">
                                        <paginator [totalRecords]="totalCountTab" [rows]="pageSizeTab" [currentPage]="curPageTab - 1" (onPageChange)="paginateTab($event)">
                                        </paginator>
                                        <button type="button" class="btn default refresh_btn" (click)="refreshTab()"><i class="fa fa-refresh"></i></button>
                                    </div>
                                </div>
                                <div id="waitRepaired" class="tab-pane">
                                    <div class="table_scroll">
                                        <table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                                            <thead>
                                                <tr>
                                                    <th>故障状态</th>
                                                    <th>进厂限制</th>
                                                    <th>录入人员</th>
                                                    <th>录入时间</th>
                                                    <th>故障类型</th>
                                                    <th>故障现象</th>
                                                    <th>故障时间</th>
                                                    <th>维修指导</th>
                                                    <th>故障来源</th>
                                                    <th>备注</th>
                                                    <th>最后编辑</th>
                                                    <th>操作</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr *ngFor="let row of tableDataTab4_1; let i = index" [attr.data-index]="i" [ngClass]="{selected:activeSelected === row.id}" (dblclick)='waitRepairedRowSelect(row,"wait")'>
                                                    <td>
                                                        <span *ngIf='row.repairedStatus=="0"' class="orange">待维修</span>
                                                        <span *ngIf='row.repairedStatus=="1"' class="green">已维修</span>
                                                    </td>
                                                    <td>
                                                        <span *ngIf="row.isPush=='1'">限制</span>
                                                        <span *ngIf="row.isPush=='0'">不限制</span>
                                                    </td>
                                                    <td>{{row.creater}}</td>
                                                    <td>{{row.createTime}}</td>
                                                    <td>{{row.faultTypeName}}</td>
                                                    <td>{{row.faultPhenomenon}}</td>
                                                    <td>{{row.faultTime}}</td>
                                                    <td>{{row.repairedGuide}}</td>
                                                    <td>{{row.updateSource}}</td>
                                                    <td>{{row.remark}}</td>
                                                    <td>{{row.lastUpdateTime}}</td>
                                                    <td><button type="button" (click)="deleteRepaireRow(row)">删除</button></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="table-fix clearfix">
                                        <paginator [totalRecords]="totalCountTab" [rows]="pageSizeTab" [currentPage]="curPageTab - 1" (onPageChange)="paginateTab($event)">
                                        </paginator>
                                        <button type="button" class="btn default refresh_btn" (click)="refreshTab()"><i class="fa fa-refresh"></i></button>
                                    </div>
                                </div>
                                <div id="repaired" class="tab-pane">
                                    <div class="table_scroll">
                                        <table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                                            <thead>
                                                <tr>
                                                    <th>设备ID</th>
                                                    <th>车牌号码</th>
                                                    <th>用途分类</th>
                                                    <th>公司名称</th>
                                                    <th>维修人员</th>
                                                    <th>维修订单创建时间</th>
                                                    <th>维修时间</th>
                                                    <th>故障现象</th>
                                                    <th>维修内容</th>
                                                    <th>维修细分</th>
                                                    <th>维修编号</th>
                                                    <th>维修费用[元]</th>
                                                    <th>支付状态</th>
                                                    <th>维修状态</th>
                                                    <th>是否审核</th>
                                                    <th>审核人员</th>
                                                    <th>审核时间</th>
                                                    <th>审核意见</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr *ngFor="let row of tableDataTab4_2; let i = index" [attr.data-index]="i" [ngClass]="{selected:activeSelected === row.id}" (dblclick)='waitRepairedRowSelect(row,"fixed")'>
                                                    <td>{{row.deviceId}}</td>
                                                    <td>{{row.carNumber}}</td>
                                                    <td>{{row.useTypeL2}}</td>
                                                    <td>{{row.companyName}}</td>
                                                    <td>{{row.repairedUserName}}</td>
                                                    <td>{{row.repairOrderCreateTime}}</td>
                                                    <td>{{row.repairedTime}}</td>
                                                    <td>{{row.faultPhenomenonList}}</td>
                                                    <td>{{row.repairContentList}}</td>
                                                    <td>{{row.repairSubdivideList}}</td>
                                                    <td>{{row.repairedNumber}}</td>
                                                    <td>
                                                        <span>{{row.price/100}}</span>
                                                    </td>
                                                    <td>
                                                        <span *ngIf="row.payStatus == 1">待支付</span>
                                                        <span *ngIf="row.payStatus == 2">已支付</span>
                                                        <span *ngIf="row.payStatus == 3">订单取消</span>
                                                    </td>
                                                    <td>
                                                        <span class="green">已维修</span>
                                                    </td>
                                                    <td>
                                                        <span *ngIf="row.auditStatus === 0" class="orange">未审核</span>
                                                        <span *ngIf="row.auditStatus === 1" class="green">审核通过</span>
                                                        <span *ngIf="row.auditStatus === 2" class="red">审核不通过</span>
                                                    </td>
                                                    <td>{{row.auditUser}}</td>
                                                    <td>{{row.auditDate}}</td>
                                                    <td>{{row.describe}}</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="table-fix clearfix">
                                        <paginator [totalRecords]="totalCountTab" [rows]="pageSizeTab" [currentPage]="curPageTab - 1" (onPageChange)="paginateTab($event)">
                                        </paginator>
                                        <button type="button" class="btn default refresh_btn" (click)="refreshTab()"><i class="fa fa-refresh"></i></button>
                                    </div>
                                </div>
                                <div id="version" class="tab-pane">
                                    <div class="table_scroll">
                                        <table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                                            <thead>
                                                <tr>
                                                    <th>用户名称</th>
                                                    <th>设备ID</th>
                                                    <th>车牌号</th>
                                                    <th>操作内容</th>
                                                    <th>升级状态</th>
                                                    <th>版本名称</th>
                                                    <th>版本号</th>
                                                    <th>前版本号</th>
                                                    <th>时间</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr *ngFor="let row of tableDataTab5">
                                                    <td>{{row.userName}}</td>
                                                    <td>{{row.deviceId}}</td>
                                                    <td>{{row.carNumber}}</td>
                                                    <td>{{row.content}}</td>
                                                    <td>
                                                        <span *ngIf="row.status ==='0'" style="color: #ffb752;">等待升级</span>
                                                        <span *ngIf="row.status ==='2'" style="color: #4cae4c;">升级成功</span>
                                                    </td>
                                                    <td>{{row.binName}}</td>
                                                    <td>{{row.version}}</td>
                                                    <td>{{row.prevVersion}}</td>
                                                    <td>{{row.createTime}}</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="table-fix clearfix">
                                        <paginator [totalRecords]="totalCountTab" [rows]="pageSizeTab" [currentPage]="curPageTab - 1" (onPageChange)="paginateTab($event)">
                                        </paginator>
                                        <button type="button" class="btn default refresh_btn" (click)="refreshTab()"><i class="fa fa-refresh"></i></button>
                                    </div>
                                </div>
                                <div id="coef" class="tab-pane">
                                    <div class="table_scroll">
                                        <table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                                            <thead>
                                                <tr>
                                                    <th>操作人</th>
                                                    <th>设置时间</th>
                                                    <th>应答时间</th>
                                                    <th>设置状态</th>
                                                    <th>下发系数</th>
                                                    <th>前系数</th>
                                                    <th>创建时间</th>
                                                    <th>更新时间</th>
                                                    <th>设备ID</th>
                                                    <th>车牌号码</th>
                                                    <th>公司名称</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr *ngFor="let row of tableDataTab6">
                                                    <td>{{row.userName}}</td>
                                                    <td>{{row.sendTime}}</td>
                                                    <td>{{row.ackTime}}</td>
                                                    <td>
                                                        <!-- 设置状态 type 	0：已提交	1：待下发	2：已下发	3：设置成功 -->
                                                        <span [ngClass]="{'orange':row.type == 1,'grey':row.type == 2,'green':row.type == 3}">{{row.status}}</span>
                                                    </td>
                                                    <td>
                                                        <span *ngIf='row.newCoef.length >0'>
                                                            <span>[</span><span *ngFor="let lis of row.newCoef;let i = index;">
                                                                <span style="font-weight: bold;">CH{{lis.index}}:</span><span>{{lis.value}}<span *ngIf="i < row.newCoef.length-1">,</span></span>
                                                            </span><span>]</span>
                                                        </span>
                                                    </td>
                                                    <td>
                                                        <span *ngIf='row.oldCoef.length >0'>
                                                            <span>[</span><span *ngFor="let lis of row.oldCoef;let i = index;">
                                                                <span style="font-weight: bold;">CH{{lis.index}}:</span><span>{{lis.value}}<span *ngIf="i < row.oldCoef.length-1">,</span></span>
                                                            </span><span>]</span>
                                                        </span>
                                                    </td>
                                                    <td>{{row.createTime}}</td>
                                                    <td>{{row.updateTime}}</td>
                                                    <td>{{row.deviceId}}</td>
                                                    <td>{{row.carNumber}}</td>
                                                    <td>{{row.companyName}}</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="table-fix clearfix">
                                        <paginator [totalRecords]="totalCountTab" [rows]="pageSizeTab" [currentPage]="curPageTab - 1" (onPageChange)="paginateTab($event)">
                                        </paginator>
                                        <button type="button" class="btn default refresh_btn" (click)="refreshTab()"><i class="fa fa-refresh"></i></button>
                                    </div>
                                </div>

                                <div id="weightData" class="tab-pane">
                                    <div class="table_scroll">
                                        <table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                                            <thead>
                                                <tr>
                                                    <!--<th style="width: 55px;"><input type="checkbox" (change)="selectFn()" /></th>-->
                                                    <th>车牌号</th>
                                                    <th>过磅称重时间</th>
                                                    <th>载重量</th>
                                                    <th>是否审核</th>
                                                    <th>任务编号</th>
                                                    <th>操作</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr *ngFor="let row of tableDataTab7; let i = index" [attr.data-index]="i">
                                                    <!--<td><input type="checkbox" (change)="onCheckboxChangeFn(row.id)" /></td>-->
                                                    <td>{{row.carNumber}}</td>
                                                    <td>{{row.date}}</td>
                                                    <td>{{row.weight}}</td>
                                                    <td>
                                                        <span *ngIf="row.review" class="green">已审核</span>
                                                        <span *ngIf="!row.review" class="red">未审核</span>
                                                    </td>
                                                    <td>{{row.taskId}}</td>
                                                    <td>
                                                        <button type="button" (click)="editRow(row,editModal,$event)">编辑</button>
                                                        <button type="button" (click)="deleteRow(row)">删除</button>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="table-fix clearfix">
                                        <paginator [totalRecords]="totalCount" [rows]="pageSizeTab" [currentPage]="curPageTab - 1" (onPageChange)="paginate($event)">
                                        </paginator>
                                        <button type="button" class="btn default refresh_btn" (click)="getTableDataTab('7')"><i class="fa fa-refresh"></i></button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--设备详情信息  end-->

<!-- 磅单数据 -->
<!--编辑行表格弹窗-->
<section bsModal #editModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" aria-label="Close" (click)="cancelEdit(editModal)"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">编辑地磅数据</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal " name="rowDataForm" id="rowDataForm" novalidate="novalidate" [saBootstrapValidator]="validatorOptions">
                    <div class="form-group">
                        <label class="control-label col-sm-2 no-padding-right">车牌号码<sup>*</sup></label>
                        <div class="col-sm-9">
                            <div class="clearfix">
                                <input class="form-control" name="carNumber" [(ngModel)]="handleRow.carNumber" placeholder="车牌号码" type="text" />
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-2 no-padding-right">过磅时间<sup>*</sup></label>
                        <div class="col-sm-9">
                            <div class="clearfix">
                                <input class="form-control" name="uploadDate" [(ngModel)]="handleRow.date" placeholder="过磅称重时间" type="text" />
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-2 no-padding-right">载重量[吨]</label>
                        <div class="col-sm-9">
                            <div class="clearfix">
                                <input class="form-control" name="weight" [(ngModel)]="handleRow.weight" placeholder="载重量" type="text" />
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-2 no-padding-right">是否审核</label>
                        <div class="col-sm-9">
                            <div class="clearfix">
                                <select name="review" class="form-control" [(ngModel)]="handleRow.review">
                                    <option value="">请选择</option>
                                    <option value="true">是</option>
                                    <option value="false">否</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-2 no-padding-right">任务编号</label>
                        <div class="col-sm-9">
                            <div class="clearfix">
                                <input class="form-control" name="taskId" placeholder="任务编号" type="text" [(ngModel)]="handleRow.taskId" />
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" (click)="cancelEdit(editModal)">取消</button>
                <button type="button" class="btn btn-primary" (click)="editSubmit(editModal)">确认</button>
            </div>
        </div>
    </div>
</section>
<!--编辑行表格弹窗 弹窗-->
<!--编辑设备信息  弹窗-->
<section bsModal #editDeciceModal="bs-modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" (click)="closeEditDeciceModal(editDeciceModal)" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">编辑设备信息</h4>
            </div>
            <div class="modal-body">
                <div class="row form-horizontal">
                    <div class="form-group clearfix">
                        <label class="control-label col-sm-2 no-padding-right">用途<sup>*</sup></label>
                        <div class="col-sm-9">
                            <div class="clearfix s_fix_select2">
                                <select class="form-control select2" id="useTypeSelect" select2 name="carUseType" style="width: 100%">
                                    <option value="">请选择</option>
                                    <optgroup *ngFor="let item of carTypeList" [label]="item.label">
                                        <option *ngFor="let itemChild of item.children" [value]='itemChild.id'>{{itemChild.label}}</option>
                                    </optgroup>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group clearfix">
                        <label class="control-label col-sm-2 no-padding-right">传感器类型</label>
                        <div class="col-sm-9">
                            <div class="clearfix">
                                <sa-sensor-type (sensorSelected)="sensorSelected($event)" Width="100%" [sensorTypeId]="page.sensorType" Height="32px" [isShow]='false' type='1' [inputParam]="inputParam" [isSendRequest]='false'></sa-sensor-type>
                            </div>
                        </div>
                    </div>
                    <div class="form-group clearfix">
                        <label class="control-label col-sm-2 no-padding-right">传感器数量</label>
                        <div class="col-sm-9">
                            <div class="clearfix">
                                <input class="form-control" id="sensorAmount" name="sensorAmount" type="text" [(ngModel)]='page.sensorAmount' placeholder="传感器数量" />
                            </div>
                        </div>
                    </div>
                    <div class="form-group sensorCH">
                        <label class="control-label col-sm-2 no-padding-right">传感器</label>
                        <div class="col-sm-9">
                            <div style="border:1px solid #ccc;padding-bottom: 8px;padding-left: 12px;">
                                <div>
                                    <label class="checkbox-inline" *ngFor="let item of deviceSensorArr">
                                        <input type="checkbox" class="checkbox style-0" [value]="item.id" [name]="item.text" [(ngModel)]="item.checked" (change)="deviceSensorChange(item.id,$event)" />
                                        <span>{{item.text}}</span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-2 no-padding-right">通道[前轴]</label>
                        <div class="col-sm-9">
                            <div class="passWay1">
                                <div *ngFor="let item of sensorAxleFront" style="display: inline-block;width: auto;height: auto;">
                                    <span *ngIf="item.checked" class="wayChannel wayCheck" (click)="sensorAxleFrontChange(item,$event)">{{item.text}}</span>
                                    <span *ngIf="item.isDisable" class="wayChannel wayDisable">{{item.text}}</span>
                                    <span *ngIf="!item.isDisable && !item.checked" class="wayChannel" (click)="sensorAxleFrontChange(item,$event)">{{item.text}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-2 no-padding-right">通道[后轴]</label>
                        <div class="col-sm-9">
                            <div class="passWay2">
                                <div *ngFor="let item of sensorAxleAfter" style="display: inline-block;width: auto;height: auto;">
                                    <span *ngIf="item.checked" class="wayChannel wayCheck" (click)="sensorAxleAfterChange(item,$event)">{{item.text}}</span>
                                    <span *ngIf="item.isDisable" class="wayChannel wayDisable">{{item.text}}</span>
                                    <span *ngIf="!item.isDisable && !item.checked" class="wayChannel" (click)="sensorAxleAfterChange(item,$event)">{{item.text}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group clearfix">
                        <label class="control-label col-sm-2 no-padding-right">车轴数量</label>
                        <div class="col-sm-9">
                            <div class="clearfix">
                                <input class="form-control" name="carAxleAmount" id="carAxleAmount" type="text" [(ngModel)]='page.carAxleAmount' placeholder="车轴数量" (input)="carAxleAmountChange($event.target.value)" />
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-2 no-padding-right">安装位置</label>
                        <div class="col-sm-9">
                            <div class="install">
                                <div class="install-contain" *ngIf="page.carAxleAmount != 0 || page.carAxleAmount == ''">
                                    <table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                                        <thead>
                                            <tr class="install-header">
                                                <th></th>
                                                <th>左</th>
                                                <th>中</th>
                                                <th>右</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr *ngFor="let row of installArray; let i = index" [attr.data-index]="i">
                                                <td>轴{{row.index}}</td>
                                                <td>
                                                    <div class="installDiv install-L">
                                                        <span *ngFor="let channel of row.positionLMR[0].sensorChannel" class="mayChannel">{{channel}}<i (click)="cancelChannel(row.index,'left',channel)">x</i></span>
                                                        <span class="add" (click)="addinstall(row.index,'left',installModal)">+</span>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="installDiv install-M">
                                                        <span *ngFor="let channel of row.positionLMR[1].sensorChannel" class="mayChannel">{{channel}}<i (click)="cancelChannel(row.index,'middle',channel)">x</i></span>
                                                        <span class="add" (click)="addinstall(row.index,'middle',installModal)">+</span>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="installDiv install-R">
                                                        <span *ngFor="let channel of row.positionLMR[2].sensorChannel" class="mayChannel">{{channel}}<i (click)="cancelChannel(row.index,'right',channel)">x</i></span>
                                                        <span class="add" (click)="addinstall(row.index,'right',installModal)">+</span>
                                                    </div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group clearfix">
                        <label class="control-label col-sm-2 no-padding-right">GPS天线</label>
                        <div class="col-sm-9">
                            <div class="clearfix">
                                <select class="form-control" name="gpsAntenna" [(ngModel)]="page.gpsAntenna" style="width: 100%" (change)="gpsAntennaChange($event.target.value)">
                                    <option value="">请选择</option>
                                    <option *ngFor="let gpsObj of gpsOptions" [value]="gpsObj.value">{{gpsObj.text}}</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group clearfix">
                        <label class="control-label col-sm-2 no-padding-right">GSM天线</label>
                        <div class="col-sm-9">
                            <div class="clearfix">
                                <select class="form-control" name="gsmAntenna" [(ngModel)]="page.gsmAntenna" style="width: 100%" (change)="gsmAntennaChange($event.target.value)">
                                    <option value="">请选择</option>
                                    <option *ngFor="let gsmObj of gsmOptions" [value]="gsmObj.value">{{gsmObj.text}}</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group clearfix">
                        <label class="control-label col-sm-2 no-padding-right">司机姓名</label>
                        <div class="col-sm-9">
                            <div class="clearfix">
                                <input class="form-control" name="driverName" type="text" [(ngModel)]='page.driverName' placeholder="司机姓名" />
                            </div>
                        </div>
                    </div>
                    <div class="form-group clearfix">
                        <label class="control-label col-sm-2 no-padding-right">司机电话</label>
                        <div class="col-sm-9">
                            <div class="clearfix">
                                <input class="form-control" name="phone" type="text" [(ngModel)]='page.phone' placeholder="司机电话" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" (click)="closeEditDeciceModal(editDeciceModal)">取消</button>
                <button type="button" class="btn btn-primary" (click)="submitEditDeciceModal(editDeciceModal)">提交</button>
            </div>
        </div>
    </div>
</section>
<!--编辑设备信息  弹窗  end-->
<!--  传感器通道弹窗-->
<div bsModal #installModal="bs-modal" id="lgModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" (click)="lgModalhide(installModal)" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">传感器通道</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <form class="form form-inline " role="form">
                        <div class="row">
                            <div class="form-group">
                                <label class="control-label" style="margin-right: 10px;">传感器: </label>
                                <div class="inline_block checkChannel" *ngFor="let item of checkChannel">
                                    <span *ngIf="item.checked" class="channel check" (click)="choiceChannel(item,$event)">{{item.text}}</span>
                                    <span *ngIf="item.isDisable" class="channel disable">{{item.text}}</span>
                                    <span *ngIf="!item.isDisable && !item.checked" class="channel" (click)="choiceChannel(item,$event)">{{item.text}}</span>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" (click)="lgModalhide(installModal)">取消</button>
                <button type="button" class="btn btn-primary" (click)="lgModalConfirm(installModal)">确认</button>
            </div>
        </div>
    </div>
</div>
<!--弹窗end-->

<!-- 曲线图查看   弹窗-->
<!--<section bsModal #echartMapModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">-->
<section id="echartMapModal">
    <div class="modal-dialog modal-lg" style="width: 800px;margin: 0;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" (click)="closeEchartMapModal()" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">曲线图</h4>
            </div>
            <div class="modal-body">
                <div class="row form-horizontal">
                    <sa-chart-bmap [height]='325' [isAuditData]='false' [offDatas]='true' [inputParams]='echartParam' [isBaiduMap]='true' (outerSend)="initMapDate($event)" (outerIsMap)='isHasMapView($event)'>
                    </sa-chart-bmap>
                    <div [hidden]='!isShowMapView'>
                        <sa-bmap-chart [trackParams]='drawTrackList' [height]='325' deviceId="deviceId"></sa-bmap-chart>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- 曲线图查看 弹窗end-->
<!-- 工具箱   弹窗-->
<!-- DO 这里注释掉了 ZZ-->
<!-- <div class="hold-all">
	<div class="hold-all-narrow" *ngIf="isHold">
		<img src="assets/img/hold.png" alt="" class="holdImg" (click)="clickHold(false)"/>
	</div>
	<div class="hold-all-open" *ngIf="!isHold">
		<div class="hold-cont">
			<p class="hold-title">工具箱</p>
			<div class="hold-waitFixed" *ngIf="waitFixedRecord.length != 0" >
				<span class="hold-cont-tit">待维修</span>
				<div style="max-height: 200px;overflow: auto;">
					<div class="gpsRecordDiv" *ngFor="let item of waitFixedRecord" >
						<p>
							<label>进厂限制：</label>
							<span *ngIf="item.isPush=='1'">限制</span>
							<span *ngIf="item.isPush=='0'">不限制</span>
						</p>
						<p><label>录入人员：</label><span>{{item.creater}}</span></p>
						<p><label>录入时间：</label><span>{{item.createTime}}</span></p>
						<p><label>故障类型：</label><span>{{item.faultTypeName}}</span></p>
						<p><label>故障现象：</label><span>{{item.faultPhenomenon}}</span></p>
						<p><label>故障时间：</label><span>{{item.faultTime}}</span></p>
					</div>
				</div>
			</div>
			<div class="hold-fixed" *ngIf="isFixedRecord">
				<span class="hold-cont-tit">最近一次维修</span>
				<div>
					<p><label>维修人员：</label><span>{{fixedRecord.repairedUser}}</span></p>
					<p><label>维修时间：</label><span>{{fixedRecord.repairedTime}}</span></p>
					<p><label>维修记录：</label><span>{{fixedRecord.repairedRecords}}</span></p>
				</div>
				
			</div>
			<div *ngIf="!isFixedRecord && waitFixedRecord.length == 0" style="text-align: center;margin: 10px auto;">
				暂无维修数据
			</div>
			<div class="hold-fixed" *ngIf="gpsRecord.length != 0">
				<span class="hold-cont-tit">GPS检测结果</span>
				<div style="max-height: 200px;overflow: auto;">
					<div class="gpsRecordDiv" *ngFor="let item of gpsRecord" >
						<p><label>事件名称：</label><span>{{item.eventName}}</span></p>
						<p><label>事件描述：</label><span>{{item.eventDescription}}</span></p>
						<p><label>开始时间：</label><span>{{item.startTime}}</span></p>
						<p><label>结束时间：</label><span>{{item.endTime}}</span></p>
					</div>
				</div>
				
			</div>
			<div class="hold-btn">
				<button class="btn btn-primary" (click)="testingGPS()">GPS检测</button>
			</div>
		</div>
		<img src="assets/img/hold-open.png" alt="" class="holdOpenImg" (click)="clickHold(true)"/>
	</div>
</div> -->
<!-- 工具箱 结束-->
<style>
    .sensorModuleFront {
        position: relative;
    }

    .sensorModuleFront .sensorFront {
        position: absolute;
        width: 20px;
        height: 20px;
        left: -13px;
        font-size: 12px;
        border-radius: 50%;
        color: #fff;
        -webkit-transform: scale(0.9);
        transform: scale(0.7);
        font-weight: bold;
        font-style: normal;
    }

    .sensorModuleFront .front {
        top: -3px;
        background: #666633;
    }

    .sensorModuleFront .bottom {
        top: -3px;
        background: #663333;
    }
    .first_row_style .width50{
        text-align: center;
        width: 50px !important;
        padding-left:0 !important;
        padding-right: 0 !important;
        vertical-align: middle;
      }
      .first_row_style .width60{
        text-align: center;
        width: 60px !important;
        padding-left:0 !important;
        padding-right: 0 !important;
        vertical-align: middle;
      }
      .first_row_style .width80{
        text-align: center;
        width: 80px !important;
        padding-left:0 !important;
        padding-right: 0 !important;
        vertical-align: middle;
      }
      .first_row_style .width90{
        text-align: center;
        width: 90px !important;
        padding-left:0 !important;
        padding-right: 0 !important;
        vertical-align: middle;
      }
      .first_row_style .width100{
        text-align: center;
        width: 100px !important;
        padding-left:0 !important;
        padding-right: 0 !important;
        vertical-align: middle;
      }
      .first_row_style .width120{
        text-align: center;
        width: 120px !important;
        padding-left:0 !important;
        padding-right: 0 !important;
        vertical-align: middle;
      }
      .first_row_style .width200{
        text-align: center;
        width: 200px !important;
        padding-left:0 !important;
        padding-right: 0 !important;
        vertical-align: middle;
      }
      .first_row_style.sensor_table{
        max-height:230px;
        overflow-y: auto;
      }
      .first_row_style.host_table{
        max-height:150px;
        overflow-y: auto;
      }
</style>